import { useState } from "react";


// 所有使用 use 开头的函数叫做 Hooks，这一类函数只能在函数组件的最外层调用
// 特殊情况可以在封装的时候使用，自定义 hooks 的时候可以使用

function App() {

    // 直接创建的数据不具备响应式
    // let count = 100
    // 定义一个响应式数据
    // const [变量, 修改变量的方法] = useState(初始值)
    const [count, setCount] = useState(100)


    return <>
        <h1>App</h1>
        <h1>{count}</h1>
        <button onClick={() => {
            // count++

            // 修改响应式数据
            // setCount(count + 1)

            // return 出去的内容就是我们要修改的内容
            setCount((prevCount) => {
                console.log(prevCount);
                return prevCount + 1
            })




        }}>点击加 1</button>
    </>
}


export default App